<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" lang="en" class="no-ie" style="overflow:hidden;">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=0.75">
    <meta charset="UTF-8"/>
    <!--<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width">-->
    <title>盖章</title>
    <script type="text/javascript" src="/move/own/js/jquery-1.11.3.min.js"
            th:src="@{/move/own/js/jquery-1.11.3.min.js}"></script>

    <link rel="stylesheet" href="/move/bootstrap-3.3.7-dist/css/bootstrap.css" th:href="@{/move/bootstrap-3.3.7-dist/css/bootstrap.css}"/>
    <script type="text/javascript" src="/move/bootstrap-3.3.7-dist/js/bootstrap.js"
            th:src="@{/move/bootstrap-3.3.7-dist/js/bootstrap.js}"></script>
<!--    <link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.css"-->
<!--          th:href="@{/font-awesome-4.7.0/css/font-awesome.css}"/>-->
    <link rel="stylesheet" href="/move/jquery-ui-1.12.1/jquery-ui.css"
          th:href="@{/move/jquery-ui-1.12.1/jquery-ui.css}" />
    <script type="text/javascript" src="/jquery-ui-1.12.1/jquery-ui.js"
            th:src="@{/move/jquery-ui-1.12.1/jquery-ui.js}"></script>

    <script type="text/javascript" src="/move/mobile/jquery.ui.touch-punch.js"
            th:src="@{/move/mobile/jquery.ui.touch-punch.js}"></script>
    <link rel="stylesheet" href="/move/own/css/addSealcss.css" th:href="@{/move/own/css/addSealcss.css}"/>
    <link rel="stylesheet" href="/move/own/css/jqpagination.css"
          th:href="@{/move/own/css/jqpagination.css}">
    <script src="/move/own/js/jquery.jqpagination.min.js"
            th:src="@{/move/own/js/jquery.jqpagination.min.js}"></script>
    <script src="/move/own/js/jAlert.js"
            th:src="@{/move/own/js/jAlert.js}"></script>
    <script src="/move/own/js/jquery-doubleTap.min.js"
            th:src="@{/move/own/js/jquery-doubleTap.min.js}"></script>
    <script type="text/javascript" src="/move/own/js/addSealjs.js"
            th:src="@{/move/own/js/addSealjs.js}"></script>

    <style>
        ul, li {
            margin: 0;
            padding: 0;
        }

        #my{
            list-style: none;
            width: 200px;
            border: 1px solid #ccc;
            border-bottom: none;
            position: absolute;
            display: none;
        }

        #my li{
            border-bottom: 1px solid #ccc;
            padding: 5px 10px;
            cursor: pointer;
            background-color: rgb(234,234,234);
            font-size: large;
            font-family: 微软雅黑;
            color: black;
        }

        #my li:hover{
            background-color: white;
        }
    </style>
</head>
<body>

<div id="center">
    <div id="view">
    </div>
</div>
<div id="seal">
    <div class="wrapper">
        <div class="gigantic pagination">
            <a href="#" class="first" data-action="first">&laquo;</a>
            <a href="#" class="previous" data-action="previous">&lsaquo;</a>
            <input type="text" readonly="readonly" />
            <a href="#" class="next" data-action="next">&rsaquo;</a>
            <a href="#" class="last" data-action="last">&raquo;</a>
        </div>
    </div>
    <div class="list-group" >
        <a href="#" id="addSeal" style="width: 200px;display: inline" class="list-group-item list-group-item"><span class="glyphicon glyphicon-pawn" ></span> 盖章</a>
        <button type="button"   class="btn btn-danger"   style="width: 100px;">确认盖章</button>
    </div>
    <div class="menu"></div>
</div>
</body>
<script>
    signToken = "[[${token}]]";
</script>
</html>
